@charset "utf-8";
/* CSS Document */
/*全局样式*/
// @font-face {font-family: "微软雅黑"; } 
// html{font-family:Arial,​Verdana,​"宋体";font-size:12px;color:#999;}
*{margin:0;padding:0;}
body{background: #fff;font-family:"Microsoft Yahei UI","Microsoft YaHei",Helvetica,Arial,sans-serif;height: 1300px;}
input[type="button"], input[type="submit"], select, button {
	cursor:pointer;
}
input{ font-size:12px; background-color:transparent;list-style:none; border:none;}
input::-ms-clear { display: none; }
input[type=text]::-ms-clear{display: none;}
input[type=password]::-ms-reveal{display: none;}
table { border-collapse: collapse;border-spacing: 0;}
li{list-style:none;}
a {text-decoration: none;color:#666}
img{border:none;margin:0;padding:0;}
em{ font-style: normal;}
.caitant{width: 980px;margin:0 auto;}
.black_qfont{color:#3f3f3f;/*深灰色*/}
.black_font{color:#000000;/*黑色*/}
.blue_font{color:#00adef;/*浅蓝色*/}
.yellow_font{color:#ffdd00;/*黄色*/}
.white_font{color:#fff;}
.gray_font{color:#999999; }
.red_bfont{ color:#ff0000;/*红色*/}
.font_blue{color:#288fc9;/*蓝色*/}
.font_green{color:#00a652;/*绿色*/}
.font_purple{color:#ac92ec;}
.orgs_bg{ background-color:#fe7d1a;/*深橙色*/}
.green_bg{ background-color:#65c454;/*鲜绿*/}
.greenc_bg{ background-color:#87d6c6;/*薄荷绿*/}
.green_lbg{ background-color:#1fad5b;/*青色*/}
.purple_bg{ background-color:#ac92ec;/*紫色*/}
.purplered_bg{ background-color:#912c71;/*红紫色*/}
.yellow_bg{ background-color:#ffd202;/*黄色*/}
.blue_bg{ background-color:#54b4e6;/*浅蓝色*/}
.redc_bg{ background-color:#f5696a;/*浅红色*/}
.pink_bg{ background-color:#ff7a9c;/*粉色*/}
.gray_bg{ background-color:#9eb5b6;/*灰色*/}
.grayc_bg{ background-color:#f6f6f6;/*浅灰色*/}
.brown_bg{background-color:#884600;/*棕色*/}
.blue_sbg{background-color:#00adef;/*深蓝色*/}
.black_bg{ background-color:#333;/*黑色*/}

// 头部开始
.premium-icon {
						    background-repeat: no-repeat;
						    display: inline-block;
						    height: 22px;
						    vertical-align: bottom;
						    width: 22px;
						}
		.jian-min-icon {
					    background-image: url(../image/welfare_3bcdc9b.png);
					    background-position: -50px -39px;
					}

					.mian-min-icon {
					    background-image: url(../image/welfare_3bcdc9b.png);
					    background-position: 0 -39px;
					}

					.invoice-min-icon {
    background-image: url(../image/welfare_3bcdc9b.png);
    background-position: -100px -39px;
}
#header{ height: 80px; width: 100%; background: #ff2d4b;
	.header_nva{width: 980px;
		margin:0 auto;
		
	.logo{height: 35;
		width: 155px;
		background: url('../image/common_z_7ad84ed.png') no-repeat 0 -91px;
		margin-top:23px;
		float: left;
		a{width: 155px;
			height: 35px;
			display:block;}
		}
		.select_city{
			width: 255px;
			height: 37px;
			background: #fff;
			float: left;
			margin-left: 21px;
			margin-top: 22px;
			border-radius: 2px;
			position: relative;
		i{width: 13px; height: 16px;background: url(../image/common_z_7ad84ed.png) no-repeat -142px -136px;display:block;margin:10px 0px 0px 10px;float: left; }
		.switch-action{border-left: 1px solid #e4e4e4;
	    color: #333;
	    display: inline-block;
	    font-size: 12px;
	    font-weight: 400;
	    height: 37px;
	    line-height: 37px;
	    position: absolute;
	    right: 0;
	    text-align: center;
	    text-decoration: none;
	    top: 0;
	    width: 44px;}
		.import_city{margin-top: 10px;
			margin-left: 11px;
			float: left;color: #000;
			font-family: "微软雅黑"}
		}
		.menu{float: left;margin-left: 14px;overflow: hidden;margin-right: 50px;
			li{float: left;width: 112px;
				height: 80px;
				line-height: 80px;
				text-align: center;
				
			&.find{background-color: #dc1432;}
			&.order{transition: all 0.2s ease 0s;}
			&.order:hover{background-color: #dc1432;}
			&.contact{transition: all 0.2s ease 0s;}
			&.contact:hover{background-color: #dc1432;}
				
				a{display:block;color: #fff;font-family: "微软雅黑";font-size: 18px;}
			}
		}

		#logout_user_info{ height: 35px;width: 138px;margin-top: 23px;position: relative; float: right;
			ul{margin-left: -2px;
				li.login{float: left;height: 35px;width: 66px;background: #dc1432;margin-left: 2px; border-radius: 17px 0 0 17px;overflow: hidden;text-align: center;line-height: 35px;
					transition:all 0.2s ease 0s;
					a{display: block;height: 35px;width: 66px;color: #fff;font-size:12px}
				}
				li.login:hover{background: #c00a24}
				li.enroll{float: left;height: 35px;width: 66px;background: #dc1432;margin-left: 2px; border-radius: 0 17px 17px 0;overflow: hidden;text-align: center;line-height: 35px;
					a{display: block;height: 35px;width: 66px;color: #fff;font-size:12px }
				}
				li.enroll:hover{background: #c00a24}
				}
				#usernameInfo{  height: 35px;line-height: 34px;
					#username{background-image: url(../image/common_z_7ad84ed.png); background-position: right -362px; background-repeat: no-repeat;height: 6px;padding-right: 15px; font-size: 12px;color: #fff}
					height: 35px;line-height: 34px;position: relative; font-weight: 700;margin-left: 5px;&:hover .myInfo{display: block;}}

				.myInfo{background: none repeat scroll 0 0 #fff;
					    border: 0 none;
					    display: none;
					    box-shadow: 1px 1px 2px #ccc;
					    color: #888;
					    font-weight: 400;
					    // left: 23px;
					    position: absolute;
					    text-align: left;
					    top: 35px;
					    visibility: visible;
					    width: 120px;
					    z-index: 10;
					li{width: 120px;height: 40px; font-size: 12px;color: #000;border-bottom: solid 1px #ebebeb;text-indent: 45px;}
					li.myInfo-dd{background: url(../image/order_4da8746.png)no-repeat 15px 9px}
					li.myInfo-dz{background: url(../image/address_f4107f9.png)no-repeat 15px 9px}
					li.myInfo-sc{background: url(../image/favorite_c335607.png)no-repeat 15px 9px}
					li.myInfo-dj{background: url(../image/coupon_14d20c5.png)no-repeat 15px 9px}
					li.myInfo-quit{background: url(../image/logout_c1a7cea.png)no-repeat 15px 9px}

					.top-arrow{ 
						 border-color: transparent transparent #fff;
   						 border-right: 8px dashed transparent;
						border-style: dashed dashed solid;
							    border-width: 0 8px 8px;
							    height: 0;
							    overflow: hidden;
							    position: absolute;
							    right: 56px;
							    top: -8px;
							    width: 0;}

				}

			}

		}

	}
	//头部结束
	//
	//
	/* 登入区域 */
	#screen{width:100%;height: 100%;position: absolute;z-index: 9997;left: 0;top: 0px;
			.s-screen{width: 100%;height: 100%;background: #000;opacity: 0.2;}
			.f-login{width: 391px;height: 423px;border:solid 1px #dddddd;	position: absolute;left: 35%;top: 15%;background:#fff;
			.title{height:28px;border-bottom: solid 1px #f2f2f2;background: #f7f7f7;padding-top: 11px;padding-left: 18px;background: url(../image/baidu_logo_24_056405eb.png) no-repeat 18px 3px;text-indent: 35px;color: #666;margin-bottom: 30px;
				.qx{width: 15px;height: 15px;float: right;margin-right: 15px;background: url(../image/pass_login_icons_51c6a837.png) no-repeat -72px -48px;}
			
			}
			.register{float: right;color: #2E7FDB;font: 12px/12px "宋体";margin-right: 20px;}
			.import{width: 350px;height: 42px;margin:0 auto;position: relative;margin-bottom: 25px;font-size: 12px;color: #666;transition: all 0.3s ease 0s;

				.user-img{display: block; height: 24px;left: 6px;overflow: hidden;padding: 0 0 0 24px;position: absolute;top: 8px;width: 0;z-index: 20;
					background-image: url("../image/input_icons_24_915272c4.png");
					background-position: 0 -68px;transition: all 0.3s ease 0s;
							}
				.password-img{display: block; height: 24px;left: 6px;overflow: hidden;padding: 0 0 0 24px;position: absolute;top: 8px;width: 0;z-index: 20;
					background-image: url("../image/input_icons_24_915272c4.png");
					background-position: 0 -147px;transition: all 0.3s ease 0s;
							}

				.username,.password{
					  border: 1px solid #ddd;
					    color: #666;
					    display: block;
					    font-size: 14px;
					    height: 16px;
					      padding: 12px 10px;
					      padding-right: 50px;
					      padding-left: 38px;
					         width: 260px;
					    position: relative;
					    transition: all 0.3s ease 0s;
				}


				.code{
					  border: 1px solid #ddd;
					    color: #666;
					    display: block;
					    font-size: 14px;
					    height: 16px;
					      padding: 12px 10px;
					      padding-right: 50px;
					      padding-left: 38px;
					         width: 130px;
					    position: relative;
					    transition: all 0.3s ease 0s;
				}


				.pass-button-submit{
					border: medium none;
				    border-radius: 3px;
				    color: #fff;
				    cursor: pointer;
				    display: block;
				    font-size: 16px;
				    font-weight: bold;
				    height: 48px;
				    transition: all 0.3s ease 0s;
				     width: 350px;
				     background-color: #3f89ec;
				      background-clip: padding-box;
				      &:hover{background: #4490F7}
				}
			}

	
			}


	}

	#ad{margin-top: 20px; margin-bottom: 20px;overflow: hidden;
		a{display:block;margin-left: -100px;}
}
	
	// 分类选择
	#shop_classify{height: 209px;background: #fafafa;
		.tab_Control{height: 148px;border-bottom: solid 1px #e4e4e4;
			li{ cursor: pointer;float: left;
				height: 147px;
				position: relative;
				text-align: center;
				width: 14.28%;
				
				em{transition:all 0.2s ease 0s}
				.item-line{
					background-image: url(../image/shoplist_z_68f7fb7.png);
					background-position: -22px 0;   
					background-color: #fafafa;
				    background-repeat: no-repeat;
				    border: 0 none;
				    bottom: -1px;
				    left: 43%;
				    margin: 15px auto 0;
				    position: absolute;
				    width: 18px;
				    z-index: 10;
}
			}
	
			li:hover em{color:#ff2d4b}
			li:hover .item-img .default_img{opacity: 0}
			li .item-img{  height: 70px;margin: 20px auto 10px;
				position: relative;width: 70px;
			.default_img{height: 70px;width: 70px;background:url(../image/filter_cates_4ac2af2.png)no-repeat;position: absolute;z-index: 3;left: 0px;top: 0px;opacity: 1;transition:all 0.3s ease 0s;
			}
			.default_hover{height: 70px;width: 70px;position: absolute;z-index: 2;left: 0px;top: 0px;background:url(../image/filter_cates_4ac2af2.png)no-repeat 0 -80px;}
			
			}
			li.item-index-0 .default_img{opacity: 0}

			li.item-index-1 .default_img{background-position: -80px 0px; }
			li.item-index-1 .default_hover{background-position: -80px -80px; }

			li.item-index-2 .default_img{background-position: -160px 0px; }
			li.item-index-2 .default_hover{background-position: -160px -80px; }

			li.item-index-3 .default_img{background-position: -240px 0px; }
			li.item-index-3 .default_hover{background-position: -240px -80px; }

			li.item-index-4 .default_img{background-position: -320px 0px; }
			li.item-index-4 .default_hover{background-position: -320px -80px; }

			li.item-index-5 .default_img{background-position: -400px 0px; }
			li.item-index-5 .default_hover{background-position: -400px -80px; }

			li.item-index-6 .default_img{background-position: -480px 0px; }
			li.item-index-6 .default_hover{background-position: -480px -80px; }
		}

		.filter-bottom{
			overflow: hidden;
    		padding: 15px;
			ul.filter-option{
				border-right: 1px solid #e4e4e4;
			    float: left;
			    margin-right: 240px;
			    overflow: hidden;
			li.option-item {
				  	cursor: pointer;
				    float: left;
				    height: 21px;
				    line-height: 21px;
				    margin-right: 30px;
				  i{
				  	 background: url(../image/shoplist_z_68f7fb7.png) no-repeat 0 -40px;
					display: inline-block;
				    height: 15px;
				    margin-bottom: -3px;
				    width: 15px;
				  }
				  span{
				  	 font-size: 13px;
				  }
				}
				li.f-selected i{
					 background-image: url(../image/shoplist_z_68f7fb7.png);
					 background-position: 0 -20px;
				}
			}
			.filter-search{width: 219px; height: 30px;border:solid 1px #e4e4e4; float:right;
				border-radius: 2px 0 0 2px;font-size: 13px;position: relative;
			.f-input{	height: 28px;
					    padding-left: 10px;
					    padding-right: 20px;
					    position: absolute;
					    width: 158px;
					    font-family: inherit;
					     color: #ccc;
					}
			.f-search{background: url(../image/shoplist_z_68f7fb7.png) no-repeat  -11px -70px;
				border:none;
				border-left: 1px solid #e4e4e4;
			    height: 30px;
			    outline: 0 none;
			    position: absolute;
			    right: 0px;
			    width: 30px;
			}

		}


		}
	}
	
	// 商品列表
	#shop_list{
		height: auto;margin-top: 35px;
		ul{margin-right: -20px; margin-bottom: 20px;
		li.list-f{
			width: 228px;
			height: 262px;
			border:solid 1px #f4f4f4;
			float: left;
			background: #fafafa;
			position: relative;
			 margin-right: 20px;
			 margin-bottom: 20px;
			 &:hover .shop_img img{opacity: 0.8}

			.shop_img{
				width: 228px;
				height: 140px;
				overflow: hidden;
				img{
					transition:all 0.3s ease 0s;
					opacity: 1;
				}
			}

			.shop_info{
			 padding: 10px 14px 0;overflow: hidden;
			 .title{font-size: 15px;
				font-weight:none;
			 }
			 .s-info{margin-left: 3px;
    				width: 193px;
    				margin-top: 16px;
			.star-control{float: left;color: gray;font-size: 12px;
			.rate{float: left;  margin-left: -4px; background-image: url("../image/common_z_7ad84ed.png");   background-position: -83px 0;  background-repeat: no-repeat;
			    color: #f70600;
			    display: inline-block;
			    font-weight: 700;
			    height: 11px;
			    overflow: hidden;
			    vertical-align: -1px;
			    width: 72px;
				.rate-inner{
					 background-image: url("../image/common_z_7ad84ed.png");
					  background-position: -83px -21px;
					     background-repeat: no-repeat;
					    display: inline-block;
					    height: 11px;
					    vertical-align: top;
					    line-height: 12px;}
					}
				}	
			
				.sell{margin-left: 10px;color: gray;font-size: 12px; float: left;line-height: 10px;}

				}
    			.price{font-size: 12px;color: gray;clear: left;padding-top:15px;
				em{width: 72px;display: inline-block;}
				em.time{width: 45px;}

    			}
				.feature{ height: 22px; padding: 5px 2px 10px;}		
			}

			.overlay{
				 background: none repeat scroll 0 0 #fff;
			    border: 1px solid #ececec;
			    box-shadow: 0 10px 17px 0 rgba(110, 110, 110, 0.2);
			    cursor: auto;
			    display: none;
			    left: 228px;
			    position: absolute;
			    top: -1px;
			    width: 250px;
			    z-index: 100;
			 .o-con{
			 	padding: 0 30px 20px 20px;
    			width: 200px;
    			.shop-title{
    				 border-bottom: 1px solid #ddd;
				    font-size: 15px;
				    padding: 15px 0;
    			}
    			.shop-feature{
    				 border-bottom: 1px solid #ddd;
    				 padding-bottom: 10px;
    				li{
    					overflow: hidden;
    					padding-top: 7px;
    				em{float: left;}
    					p{color: gray;
						float: left;
						overflow: hidden;
						 padding: 3px 0 0 5px;
						width: 170px;
						font-size: 12px;
    					}
    				}
    			}

    			.shop-notice{margin-top: 10px;
					h2{font-weight: 400;height: 36px;line-height: 30px;color: #333;font-size: 14px;}
					p{ color: gray;text-align: justify;color: gray;font-size: 12px;}
    			}
			 }
			 // .o-arrow{border-style: solid;border-width: 12px 12px 0px;border-color: transparent #000;   height: 13px;left: -7px;position: absolute;top: 20px;width: 7px;
			 // }

			}
		}
		}
		.default_null{
			 font-size: 15px;
    margin: 150px auto 0;
    text-align: center;
    width: 260px;
    	a{
    color: #ff2d4b;
    text-decoration: none;
    		}
		}
	}






